<!DOCTYPE html>
<html lang="zh-cmn-Hans">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <title>for宝贝小饭</title>
    <meta name="description" content="">
    <link rel="stylesheet" href="./css/main.css">
    <script type="text/javascript">
        function rejustRem(defaultFontSize,defaultScreenWidth){var htmlNode=document.getElementsByTagName('html')[0];function resize(){var screenWidth=document.body.offsetWidth;htmlNode.style.fontSize=screenWidth/defaultScreenWidth*defaultFontSize+'px'}document.addEventListener('DOMContentLoaded',function(){resize()});window.addEventListener('resize',resize);}
        rejustRem(100,375);
    </script>
</head>

<body>

    <div class="load">
        <p>亲爱的小饭你来啦✿ヽ(°▽°)ノ✿</p>
        <div class="loadBar"></div>
        <button class="start-btn">Go</button>
    </div>

    <div class="page1 hide">
        <div class="tom"></div>
        <div id="page1-txt" class="saying"></div>
        <div class="text">
            to 小饭</br>
            我想说：你最可爱！</br>
            我说时来不及思索</br>
            而思索之后</br>
            我依然会这样说</br>
            你最可爱💗</br>
            女生节快乐！</br>
        </div>
        <div class="btn-wrap">
            <button class="btn-like">喜欢💗</button>
            <button class="btn-unlike">不喜欢</button>
        </div>
    </div>

    <div class="page2 hide">
        <video autoplay muted preload>
            <source src="./img/base64/摘月亮.avi" type="">
            <source src="./img/base64/摘月亮.mp4" type="">
        </video>
        <div class="mask"></div>
        <div class="page2-main">
            <h3>💗小饭女生节快乐💗</h3>
            <p>(*^‧^*)♡♡</p>
            <div id="page2-txt" class="saying"></div>
            <div class="text">
                你可以走得很慢，裙摆盈盈。<br>
                你可以笑得很轻，融进风里。<br>
                你可以挥斥方遒，书生意气。<br>
                你可以枕上溪山，大道分明。<br><br>
                最后还是要说：女生节快乐！
            </div>
        </div>
    </div>


    <div class="dialog hide">
        <div class="main">给最爱的小饭宝贝</div>
        <button>确认</button>
    </div>

    <div class="time-cumulate hide">
        <p>
            <span>我们在一起</span> 已经这么久啦
        </p>
        <p class="time">
            第<i class="day">1069</i>天<i class="hour">03</i>小时<i class="min">25</i>分钟<i class="second">12</i>秒
        </p>
    </div>

    <audio src="./img/base64/最甜情歌.mp3" autoplay loop></audio>

    <script src="./js/main.js"></script>
</body>

</html>
